﻿@{
    ViewBag.Title = "viewProduct";
}

<div id="cphMain_ctl00_ContentPane" class="center">
    <!--
<script src="/Content/static.bizwebmedia.net/Extensions/jqzoom/jqzoomc619.js?v=1.0" type="text/javascript"></script>
<script src="/Content/static.bizwebmedia.net/Extensions/jcarousel/jCarouselc619.js?v=1.0" type="text/javascript"></script>
<link rel="stylesheet" href="/Content/static.bizwebmedia.net/Extensions/jqzoom/jqzoomc619.css?v=1.0" type="text/css">
<link href="/Content/static.bizwebmedia.net/Extensions/Js/video/imodal.css" rel="stylesheet" type="text/css">
<link href="/Content/static.bizwebmedia.net/Extensions/Js/video/products.css" rel="stylesheet" type="text/css">
    -->



    <style type="text/css">
        .fancybox-close {
            background: url("../Images/close.png") no-repeat scroll center center transparent !important;
        }

        .fancybox-close {
            right: 0 !important;
            top: 0 !important;
        }

        .fancybox-skin {
            background-color: #FFFFFF !important;
        }
    </style>
    <div id="Breadcrumb" class="Breadcrumb">
        <ul>
            <li class="first">
                <a href='javascript:;' onclick="javascript:loadAction('Index2','Main')">Trang chủ
                </a>
            </li>
            <li>
                <a href='javascript:;' onclick="javascript:loadAction('show2','Main')">Sản phẩm</a>
            </li>
            <li>
                <a href='javascript:;' onclick="javascript:loadShow(@ViewBag.product.category_ID,'')">@ViewBag.cateName</a>
                @*<a href='/Main/show?id=@ViewBag.product.category_ID'>@ViewBag.cateName</a>*@
            </li>
            <li>
                <span>@ViewBag.product.group_name</span>
            </li>

        </ul>
    </div>

    <div class="ProductDetailContainer DetailItem DefaultModule">

        <div id="ProductDetails" class="PrimaryProductDetails">
            <div class="BlockContent">
                <div class="product-title defaultTitle">
                    <h1>
                        @ViewBag.product.name</h1>
                </div>
                <div class="ProductThumb" style="overflow: visible; width: 230px; height: 286px;">
                    <div style="display: none;" id="LightBoxImages">
                        <a href="#" class="gallery-2 fancybox.iframe"></a>
                    </div>
                    <div class="ProductThumbImage" style="width: 220px; height: 220px; text-align: center; overflow: visible;">
                        <!--     <a rel="prodImage" style="margin: auto; outline-style: none; text-decoration: none;" href="http://media.bizwebmedia.net/Thumbnail.ashx?img=sites/9808/data/images/2013/8/14468781017639untitlede.JPG&amp;width=1280&amp;height=1280" onclick="showProductImageLightBox(); return false;" title="">
                        <div class="zoomPad"><img src="/Content/data/images/@ViewBag.product.image_link&amp;width=220&amp;height=220" alt="" title="" style="opacity: 1;"><div class="zoomPup" style="top: 68px; left: -1px; width: 163px; height: 151px; position: absolute; border-width: 1px; display: none;"></div><div class="zoomWindow" style="position: absolute; z-index: 5001; left: 173px; top: 0px; display: none;"><div class="zoomWrapper" style="width: 380px;"><div class="zoomWrapperTitle" style="width: 100%; position: absolute; display: none;"></div><div class="zoomWrapperImage" style="width: 100%; height: 300px;"><img src="http://media.bizwebmedia.net/Thumbnail.ashx?img=sites/9808/data/images/2013/8/14468781017639untitlede.JPG&amp;width=1280&amp;height=1280" style="position: absolute; border: 0px; display: block; left: 0px; top: -136.4318181818182px;"></div></div></div><div class="zoomPreload" style="visibility: hidden; top: 88.5px; left: 36.5px; position: absolute;">Loading zoom</div></div>
                    </a>-->
                        <img src="/Content/data/images/350.300/@ViewBag.product.image_link" height="200" />
                    </div>

                </div>
                @{RouteValueDictionary data = new RouteValueDictionary();
                  data.Add("proID", ViewBag.product.ID);}
                <div class="ProductMain">
                    <div class="ProductDetailsGrid">
                        <div class="DetailRow" id="proRate">
                            @Html.Action("ratePoint", "Main", data)
                        </div>
                        @if (ViewBag.rate > 0)
                        {  
                            <div class="DetailRow RetailPrice">
                                <div class="Label">
                                    Giá cũ:
                                </div>
                                <div class="Value">
                                    <strike class="RetailPriceValue">
                                @ViewBag.product.price.ToString("0,0") VND / thùng</strike>
                                </div>
                            </div>
                    
                            <div class="DetailRow">
                                <div class="Label PriceLabel">
                                    Giá mới
                            <em class="ProductPrice">&nbsp;(-@ViewBag.rate%)</em>:
                                </div>
                                <div class="Label PriceByRuleLabel" style="display: none;">
                                    Giá bán:
                                </div>
                                <div class="Value">
                                    <em class="ProductPrice VariationProductPrice">
                                        @ViewBag.newPrice.ToString("0,0") VND / thùng</em>
                                </div>
                            </div>
                        }
                        else
                        {
                            <div class="DetailRow RetailPrice">
                                <div class="Label">
                                    Giá bán:
                                </div>
                                <div class="Value">
                                    <em class="ProductPrice VariationProductPrice">
                                        @ViewBag.product.price.ToString("0,0") VND / thùng</em>
                                </div>
                            </div>
                        }

                        <div class="DetailRow">
                            <div class="Label">
                                Số lượng:
                            </div>
                            <div class="Value">
                                @ViewBag.product.amount @ViewBag.product.type / thùng
                            </div>
                        </div>

                        <div class="DetailRow">
                            <div class="Label">
                                Thể tích thực:
                            </div>
                            <div class="Value">
                                @ViewBag.product.volume ml
                            </div>
                        </div>

                    </div>



                    <div class="OutOfStockMessage" style="display: none;"></div>

                    <div class="ProductDetailsGrid ProductAddToCart">
                        <div style="" class="DetailRow">
                            <div style="" class="Label QuantityInput">
                                Số lượng:
                            </div>
                            <div class="Value AddCartButton">
                                <div style="">
                                    <input name="quantity" type="text" id="quantity" style="width: 50px;"
                                        class="Field45 quantityInput NormalTextBox" maxlength="3" value="1"
                                        onkeypress="javascript:return keypress(event);">
                                </div>
                                <div id="BulkDiscount" class="BulkDiscount">
                                    <input type="hidden" value="@ViewBag.product.ID" id="proID"/>
                                    <a id="bulk" class="ProductAdd" rel="nofollow" href="javascript:;" onclick="javascript:addToCart()">
                                        <span>Thêm vào giỏ hàng</span>
                                    </a>
                                </div>
                                <div class="BulkDiscount">
                                    <a class="myBtn2" href="javascript:;" onclick="javascript:viewCategory(@ViewBag.product.category_ID,@ViewBag.product.ID,'@ViewBag.product.name')">
                                        <span>Thông tin công ty sản xuất</span>
                                    </a>
                                </div>
                                @{var levelList = new int[] { 0, 1 };
                                  if (Session["userLevel"] != null && levelList.Contains((int)Session["userLevel"]))
                                  {
                                    <div class="BulkDiscount">
                                        <a class="myBtn3" href="javascript:;" onclick="javascript:viewProductDetail(@ViewBag.product.ID)">
                                            <span>Xem chi tiết</span>
                                        </a>
                                    </div>
                                  }
                                }
                            </div>
                        </div>
                    </div>



                </div>
                <div class="Clear AddThisButtonBox ShareLinks" style="width: 176px;">
                    <!--<div class="addthis_toolbox addthis_default_style ">
                        <a class="addthis_button_facebook at300b" title="Facebook" href="#"><span class="at16nc at300bs at15nc at15t_facebook at16t_facebook"><span class="at_a11y">Share on facebook</span></span></a><a class="addthis_button_email at300b" target="_blank" title="Email" href="#"><span class="at16nc at300bs at15nc at15t_email at16t_email"><span class="at_a11y">Share on email</span></span></a>
                        <a class="addthis_button_print at300b" title="Print" href="#"><span class="at16nc at300bs at15nc at15t_print at16t_print"><span class="at_a11y">Share on print</span></span></a>
                        <a class="addthis_button_twitter at300b" title="Tweet" href="#"><span class="at16nc at300bs at15nc at15t_twitter at16t_twitter"><span class="at_a11y">Share on twitter</span></span></a>
                        <a class="addthis_button_linkedin at300b" href="http://www.addthis.com/index.htmlbookmark.php?v=300&amp;winname=addthis&amp;pub=unknown&amp;source=tbx-300&amp;lng=vi&amp;s=linkedin&amp;url=file%3A%2F%2F%2FD%3A%2FMy%2520Web%2520Sites%2Fzippous.com%2Fzippous.com%2Fzippo-cao-cap-khac-theo-don-dat-hang-cua-nhat%2Ffile%3A%2F%2F%2FD%3A%2FMy%2520Web%2520Sites%2Fzippous.com%2Fzippous.com%2Fzippo-cao-cap-khac-theo-don-dat-hang-cua-nhat%2Fzippo-ngoa-ho-tang-long-2143943.html&amp;title=zippo%20ngoa%20ho%20tang%20long%7C%20zippo%20ho%7C%20zippo%20rong&amp;ate=AT-unknown/-/-/52344ea464503874/2&amp;frommenu=1&amp;uid=52344ea4cef6353a&amp;ufbl=1&amp;ct=1&amp;tt=0&amp;captcha_provider=nucaptcha" target="_blank" title="Linkedin"><span class="at16nc at300bs at15nc at15t_linkedin at16t_linkedin"><span class="at_a11y">Share on linkedin</span></span></a>
                        @*<a class="addthis_button_google_plusone at300b"><g:plusone lang="null" href="file:///D:/My%20Web%20Sites/zippous.com/zippous.com/zippo-cao-cap-khac-theo-don-dat-hang-cua-nhat/file:///D:/My%20Web%20Sites/zippous.com/zippous.com/zippo-cao-cap-khac-theo-don-dat-hang-cua-nhat/zippo-ngoa-ho-tang-long-2143943.html" size="small" callback="_at_plusonecallback"></g:plusone></a>*@
                        <div class="atclear"></div>
                    </div>
                    <script type="text/javascript" src="/Content/static.bizwebmedia.net/extensions/js/addthis_widget.js"></script>-->

                    @*<div class="addthis_toolbox addthis_peekaboo_style addthis_default_style addthis_label_style addthis_32x32_style">*@                        
                       
                    
                        
                    @*</div>*@
                    @*<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5245852e0f4fdbb2"></script>*@
                </div>
                <br class="Clear">
                <hr>

                <div class="Panel" id="ProductTabs">
                    <ul class="TabNav" id="ProductTabsList">
                        <li id="ProductDescription_Tab" class="Active">
                            <a onclick="ActiveProductTab('ProductDescription_Tab'); return false;" href="#">Thông tin
                            </a>
                        </li>
                        <li id="ProductReviews_Tab" class="">
                            <a onclick="ActiveProductTab('ProductReviews_Tab'); return false;" href="#">Đánh giá
                            </a>
                        </li>
                        <li id="ProductComment_Tab" class="">
                            <a onclick="ActiveProductTab('ProductComment_Tab'); return false;" href="#">Bình luận
                            </a>
                        </li>
                    </ul>
                </div>
                <div id="ProductDescription" class="Block Panel ProductDescription" style="display: block; overflow: hidden;">
                    <div class="ProductDescriptionContainer">
                        <h2>@ViewBag.product.name</h2>
                        <br />
                        <p>@ViewBag.product.description</p>

                        <p>&nbsp;</p>
                    </div>
                    <hr class="ProductSectionSeparator" style="display: none;">
                </div>
                <div id="ProductArticleReview" class="Block Panel ProductDescription" style="display: none;">
                    <div class="ProductDescriptionContainer">
                    </div>
                    <hr class="ProductSectionSeparator" style="display: none;">
                </div>
                <div id="ProductRelatedProducts" style="display: none;" class="Block Panel">

                    <div class="Clear">
                    </div>
                </div>
                <div id="ProductReviews" class="Block Panel Block2" style="display: none;">
                    @Html.Action("RatingView", "Main", data)
                </div>
                <div id="ProductVideos" class="Block Panel" style="display: none;">
                    <div class="VideoContainer">
                        <div id="youtubeLeftBox" class="youtubeVideoListBox" style="width: 100%; text-align: center; border: none; height: 435px; overflow: hidden;">
                        </div>
                        <div class="Clear">
                        </div>
                        <div id="youtubeRightBox" class="youtubeVideoListBox" style="width: 100%;">
                            <ul id="youTubeCurrentVideos" class="ui-sortable">
                            </ul>
                        </div>
                    </div>
                    <div class="Clear">
                    </div>
                </div>
                <div id="ProductFeatures" class="Block Panel" style="display: none;">
                    <div class="BlockContent">
                        <div class="item-container">
                        </div>
                    </div>
                    <div class="Clear"></div>
                </div>
                <div id="ProductComment" class="Block Panel Block3" style="display: none;">
                    @Html.Action("CommentView", "Main", data)

                </div>

            </div>
        </div>
        <hr class="Clear">


        <div class="clear defaultFooter product-footer">
            <div>
            </div>
        </div>
    </div>
</div>
